<template>
  <div class="container">
    <van-image
      width="100vw"
      height="60vw"
      :src="'' && 'https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg'"
      fit="cover"
      block
    />
    <div class="content">
      this is content
    </div>
    <van-button type="primary" size="large" square class="button">大号按钮</van-button>
  </div>
</template>

<script setup></script>

<style scoped>
.container {
  background: #f8f8f8;
  min-height: 100vh;
  padding-bottom: 50px;
  box-sizing: border-box;
}

.content {
  padding: 10px 15px;
  background: #fff;
}

.button {
  position: fixed;
  bottom: 0;
}
</style>